<template>
	<div>
		<n-data-table
			bordered
			:data="props.data.tableData.records"
			:columns="props.data.columns"/>
		<n-pagination
			v-model:page="props.data.params.pageNo"
			:page-count="props.data.tableData.totalPage"
			@update:page="props.data.getTable"/>
	</div>
</template>

<script setup>
const props = defineProps(['data'])
</script>

<style scoped lang="scss">
.n-data-table, .n-pagination {
	margin-top: 8px;
}
</style>